<div class="fadeIn">
                    
   <br/>
    <ol class="breadcrumb">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">监控工作台 / 环境监控 / 主机监控 / 进程监控</li>
    </ol>
    <div class="bg-info systemBox">
       <div class="clearfix marB15">
         <div class="left marR10">
                        <span class="search-name">主机名称</span>
                        <select class="form-control1" id="hostName" ng-model='hostId' ng-options="item.objId as item.objName for item in allMainName" ng-change='changeName()'>
                    </select>                     
         </div>
         <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#add1" ng-click='edit()'>添加配置</button>
        </div>

        <div class="row">
            <div class="col-sm-3">
                <div class="borderBlack">
                    <h5 class="bg-info">系统信息</h5>
                    <div class="system_gunBox">
                     <div class="gunDiv">
                      <p ng-repeat='item in result.basic'>{{item.KEY_CN}}：{{item.VALUE}}</p>
                     </div>  
                    </div>
                    
                </div>
                 <div class="borderBlack">
                    <h5 class="bg-info">硬件信息</h5>
                  <div class="hardware_gunBox">
                    <div class="gunDiv">
                       <p ng-repeat='item in result.hardware'>{{item.KEY_CN}}：{{item.VALUE}}</p>
                    </div>
                    
                  </div>
                    
                </div>
                <div class="borderBlack">
                    <h5 class="bg-info">任务信息</h5>
                    <div class="task_gunBox">
                        <div class="gunDiv">
                            <p ng-repeat='item in result.task'>{{item.KEY_CN}}：{{item.VALUE}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9">

      <div class="table-box">

                <table class="table table-bordered table-striped text-center bg-info">
                     <thead >
                    <tr>
                        <th class="text-center">序号</th>
                        <th class="text-center">进程名</th>
                        <th class="text-center">当前进程数</th>  
                        <th class="text-center">最小进程数</th>
                        <th class="text-center">最大进程数</th>
                        <th class="text-center">启动时间</th>
                        <th class="text-center">CPU使用率</th>  
                        <th class="text-center">内存消耗</th>
                        <th class="text-center">状态</th>
                        <th class="text-center">预警接收人</th>
                        <th class="text-center">电话</th>  
                        <th class="text-center">进程说明</th>
                        
                    </tr>
                    </thead>
                    <tbody id="appList">
                    <tr ng-repeat='item in result.pid'>
                        <td>{{$index+1}}</td>
                        <td class="w70">{{item.pidName}}</td>
                        <td class="w115"><a data-toggle="modal" data-target="#add2">{{item.nowTaskCount}}</a></td>
                        <td class="w115">{{item.minTaskCount}}</td> 
                        <td class="w115">{{item.maxTaskCount}}</td>
                        <td class="w115">{{item.starttime}}</td>
                        <td class="w115">{{item.pidCpu}}</td>
                        <td class="w85">{{item.pidMem}}</td> 
                        <td>{{item.stutas}}</td>
                        <td class="w115">{{item.alarmRec}}</td>
                        <td class="w70">{{item.phone}}</td>
                        <td style="min-width: 200px; word-break: break-all;">{{item.remark}}</td>    
                    </tr>
                    
                    
                    </tbody>
                
                 </table>
             </div>

                        </div>
                    </div>
                </div>
            </div>

<!-- 添加修改程序 -->
<div class="modal fade" id="add1" tabindex="-1" role="dialog" aria-labelledby="edit">
    <div class="modal-dialog" style="width:800px" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="add11">添加进程监控</h4>
            </div>
            <div class="modal-body">
               <div class="row marB15"> 
                    <div class="col-xs-6">
                        <div class="input-group  left">
                            <span class="input-group-addon">进程名称：</span>
                            <select class="form-control" 
                            ng-options='item.pidName as item.pidName for item in pidnames' 
                            ng-model='addData.pidName'></select>
                        </div>
                    </div>  
                  <div class="col-xs-6">
                        <div class="input-group  left">
                            <span class="input-group-addon">监控频率：</span>
                            <input type="text" class="form-control" 
                            ng-model='addData.quantity' 
                            onkeyup="this.value=this.value.replace(/\D/g,'')"  />
                            <span class="input-group-addon">秒</span>
                        </div>
                    </div>
               </div>
              <div class="row marB15">
                  <div class="col-xs-6">
                            <div class="input-group left">
                                <span class="input-group-addon">进程数：</span>
                                <input type="text" ng-model='addData.upperLimit' class="form-control" onkeyup="value=value.replace(/\D/g,'')" />
                                <span class="input-group-addon">到</span>
                                <input type="text" ng-model='addData.lowerLimit' class="form-control" onkeyup="value=value.replace(/\D/g,'')"/>
                            </div>
                  </div>
                  <div class="col-xs-6">
                        <div class="input-group  left">
                            <span class="input-group-addon">告警等级</span>
                            <select class="form-control" ng-model='addData.alarmLevel'>
                                <option  value="1">一级</option>
                                <option value="2">二级</option>
                                <option value="3">三级</option>
                            </select>
                        </div>
                    </div>
              
                </div>
                <div class="marT15 clearfix">
                   <span>
                       <label class="left"><span>进程说明 ：</span></label>
                        <textarea class="left form-control" ng-model='addData.remark'></textarea>
                   </span>
                </div>
                </table>
                <br>
                <table class="table table-bordered table-striped table-hover bg-info">
                <thead>
                <tr class="bg-info"><td colspan="7">预警接收人员配置：</td></tr>
                <tr>
                    <td>序号</td>
                    <td>预警接收人</td>
                    <td>手机</td>
                    <td>邮箱</td>
                    <td>人员类型</td>
                    <td>接收预警等级</td>
                    <td ng-style='addstyle'>操作</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='item in addData.alarmRecUser'>
                    <td>{{$index+1}}</td>
                    <td><select class="form-control line3" class="receiveUser" 
                    ng-model='item.rceId' 
                    ng-change='changeRecUser($index)'
                    ng-options='i.rceId as i.receiveUser for i in alarmusers'></select></td>
                    <td><input type="text" class="form-control line3" ng-model='item.phone'></td>
                    <td><input type="text" class="form-control line3" ng-model='item.email'></td>
                    <td><select class="form-control line3" style="width:70px;" ng-model='item.userType'>
                    <option value="1">责任人</option>
                    <option value="0">关注人</option>
                    </select></td>
                    <td>
                        <label><input type="checkbox" ng-model='item.recAlarmLevel1'>1级</label>
                        <label class="marL10 marR10"><input type="checkbox" ng-model='item.recAlarmLevel2'>2级</label>
                        <label><input type="checkbox" ng-model='item.recAlarmLevel3'>3级</label>
                    </td>
                    <td ng-style='addstyle'><button class="btn btn-primary btn-sm" ng-click='delRecevier($index)'>删除</button></td>
                </tr>
                </tbody>
                
                <tfoot ng-style='addstyle'>
                 <tr><td> <a title='添加' class="glyphicon glyphicon-plus" ng-click='addRecevier()'></a></td></tr>
                </tfoot>
                
            </table>

               
            </div>

                
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary btn-sm" ng-click='editSave()'>保存</button>
                </div>
            </div>
        </div>
    </div>
  
            <!--右侧内容结束-->
<!-- 显示信息模态框 -->
<div class="modal fade" id="add2" tabindex="-1" role="dialog" aria-labelledby="add12">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4>当前进程数信息</h4>
                </div>
                <div class="modal-body">
                 <table class="table table-bordered table-hover">
                     <tr class="info">
                         <th>进程id</th>
                         <td>启动时间</td>
                         <th>运行时间</th>
                         <td>cpu使用率</td>
                         <th>内存使用</th>
                         <th>打开句柄数</th>               
                     </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                 </table>

                </div>
               
            </div>
        </div>
    </div>
    <!-- 显示信息模态框结束 -->
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->